<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="甘忠祥">
    <title>小米官方商城</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/main.css">

</head>

<body>
    <!--site up  -->
    <div class="site-top">
        <a href="#"><img src="./img/QQ截图20170821175551.png" alt="" style="width:100%; height:120px;"></a>
    </div>
    <!--导航栏  -->
    <nav class="nav">
        <div class="container ">
            <ul class="nav-left">
                <li><a href="#">小米商城</a><span>|</span></li>
                <li><a href="#">MIUI</a><span>|</span></li>
                <li><a href="#">米聊</a><span>|</span></li>
                <li><a href="#">游戏</a><span>|</span></li>
                <li><a href="#">多看阅读</a><span>|</span></li>
                <li><a href="#">云服务</a><span>|</span></li>
                <li><a href="#">金融</a><span>|</span></li>
                <li><a href="#">小米商城手机版</a><span>|</span></li>
                <li><a href="#">问题反馈</a><span>|</span></li>
                <li><a href="#">Select Region</a></li>

            </ul>
            <ul class="nav-right">
                <li class="gwc"><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i>购物车(0)</a>
                    <div class="gwc-info">
                        <p style="color:#424242">购物车还没有商品 赶紧选购吧</p>
                    </div>
                </li>
                <li><a href="#">消息通知</a></li>
                <li><a href="#">注册</a><span>|</span></li>
                <li><a href="#">登录</a><span>|</span></li>
            </ul>
        </div>
    </nav>
    <!--头部  -->
    <div class="header clearfix">
        <div class="container">
            <div class="header-logo">
                <img src="./img/logo.png" alt="">
            </div>
            <ul class="header-info">
                <li><a href="#">小米手机</a></li>
                <li><a href="#">红米</a></li>
                <li><a href="#">平板·笔记本</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">盒子·影音</a></li>
                <li><a href="#">路由器</a></li>
                <li class="lastchild"><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
            <div class="header-show" style="background-color: white">
                        <ul class="phone-list">
                            <li><a href="#"><img src="./img/m6.png" alt=""></a>
                                <p>小米6</p>
                                <p style="color:#ff6700"> 2499元 起</p>
                            </li>
                            <li><a href="#"><img src="./img/max2.png" alt=""></a>
                                <p>小米max2</p>
                                <p style="color:#ff6700">1699元 起</p>
                                <div>现货</div>
                            </li>
                            <li><a href="#"><img src="./img/5x.jpg" alt=""></a>
                                <p>小米5x</p>
                                <p style="color:#ff6700">1299元 起</p>
                                <div>新品</div>
                            </li>
                            <li><a href="#"><img src="./img/minote2.jpg" alt=""></a>
                                <p>小米Note2</p>
                                <p style="color:#ff6700">2799元 起</p>
                                <div>下单立减500</div>
                            </li>
                            <li><a href="#"><img src="./img/mix.jpg" alt=""></a>
                                <p>小米MIX</p>
                                <p style="color:#ff6700">3499元 起</p>
                                <div>下单立减200</div>
                            </li>
                            <li><a href="#"><img src="./img/5s.jpg" alt="" style="border-right:none;"></a>
                                <p>小米5s</p>
                                <p style="color:#ff6700">1999元 起</p>
                                <div>下单立减200</div>
                            </li>
                        </ul>
                        <ul class="phone-list">
                            <li><a href="#"><img src="./img/note4x.jpg" alt=""></a>
                                <p>红米Note4x</p>
                                <p style="color:#ff6700"> 999元 起</p>
                            </li>
                            <li><a href="#"><img src="./img/redmi4.jpg" alt=""></a>
                                <p>红米4x</p>
                                <p style="color:#ff6700">699元 起</p>
                            </li>
                            <li><a href="#"><img src="./img/note4.jpg" alt=""  style="border-right:none;"></a>
                                <p>红米4</p>
                                <p style="color:#ff6700">799元 起</p>
                            </li>
                        </ul>
                        <ul class="phone-list">
                            <li><a href="#"><img src="./img/mipad3.png" alt=""></a>
                                <p>小米平板3</p>
                                <p style="color:#ff6700"> 1499元 起</p>
                            </li>
                            <li><a href="#"><img src="./img/bijiben.jpg" alt=""></a>
                                <p>小米笔记本Air 12.5"</p>
                                <p style="color:#ff6700">3599元 起</p>
                            </li>
                            <li><a href="#"><img src="./img/bijiben.jpg" alt=""  style="border-right:none;"></a>
                                <p>小米笔记本Air 13.3"</p>
                                <p style="color:#ff6700">4999元 起</p>
                                <div>新品</div>
                            </li>
                        </ul>
                        <ul class="phone-list">
                            <li><a href="#"><img src="./img/tv1.png" alt=""></a>
                                <p>小米电视4 49寸</p>
                                <p style="color:#ff6700"> 3499元 起</p>
                                <div>超薄旗舰</div>
                            </li>
                            <li><a href="#"><img src="./img/tv2.png" alt=""></a>
                                <p>小米电视4 55寸</p>
                                <p style="color:#ff6700">4299元 起</p>
                                <div>超薄旗舰</div>
                            </li>
                            <li><a href="#"><img src="./img/tv3.png" alt=""></a>
                                <p>小米电视4A 32寸</p>
                                <p style="color:#ff6700">1099元 起</p>
                                <div>超薄旗舰</div>
                            </li>
                            <li><a href="#"><img src="./img/tv4.png" alt=""></a>
                                <p>小米电视4A 43寸</p>
                                <p style="color:#ff6700">2099元 起</p>
                                <div>超薄旗舰</div>
                            </li>
                            <li><a href="#"><img src="./img/tv5.png" alt=""></a>
                                <p>小米电视4A 49寸</p>
                                <p style="color:#ff6700">2599元 起</p>
                            </li>
                            <li><a href="#"><img src="./img/tv6.png" alt=""  style="border-right:none;"></a>
                                <p>查看全部</p>
                                <p>小米电视</p>
                            </li>
                        </ul>
                        <ul class="phone-list">
                            <li><a href="#"><img src="./img/hezi.png" alt=""></a>
                                <p>小米盒子3s</p>
                                <p style="color:#ff6700"> 329元</p>
                            </li>
                            <li><a href="#"><img src="./img/hezi2.jpg" alt=""></a>
                                <p>小米盒子3c</p>
                                <p style="color:#ff6700">229元</p>
                            </li>
                            <li><a href="#"><img src="./img/hezi4.png" alt=""></a>
                                <p>小米盒子3 增强版</p>
                                <p style="color:#ff6700">399元</p>
                            </li>
                            <li><a href="#"><img src="./img/hezi3.png" alt=""  style="border-right:none;"></a>
                                <p>小米家庭影院</p>
                                <p style="color:#ff6700">1999元 起</p>
                            </li>
                        </ul>
                        <ul class="phone-list">
                            <li><a href="#"><img src="./img/luyou.png" alt=""></a>
                                <p>小米路由器Pro</p>
                                <p style="color:#ff6700"> 499元</p>
                            </li>
                            <li><a href="#"><img src="./img/luyou2.png" alt=""></a>
                                <p>小米路由3G</p>
                                <p style="color:#ff6700">299元</p>
                            </li>
                            <li><a href="#"><img src="./img/luyou3.png" alt=""></a>
                                <p>小米路由3</p>
                                <p style="color:#ff6700">149元</p>
                            </li>
                            <li><a href="#"><img src="./img/luyou4.jpg" alt=""  style="border-right:none;"></a>
                                <p>WiFi电力猫</p>
                                <p style="color:#ff6700">249元 起</p>
                            </li>
                        </ul>>
                        <ul class="phone-list">
                            <li><a href="#"><img src="./img/wurenji.jpg" alt=""></a>
                                <p>小米无人机</p>
                                <p style="color:#ff6700"> 2999元</p>
                                <div>航拍神器</div>
                            </li>
                            <li><a href="#"><img src="./img/shouhuan.png" alt=""></a>
                                <p>小米手环2</p>
                                <p style="color:#ff6700">149元</p>
                            </li>
                            <li><a href="#"><img src="./img/jingshuiqi.png" alt=""></a>
                                <p>小米净水器</p>
                                <p style="color:#ff6700">1499元</p>
                            </li>
                            <li><a href="#"><img src="./img/jiqiren.jpg" alt=""></a>
                                <p>扫地机器人</p>
                                <p style="color:#ff6700">1699元</p>
                            </li>
                            <li><a href="#"><img src="./img/dianfanbao.jpg" alt=""></a>
                                <p>米家压力IH电饭煲</p>
                                <p style="color:#ff6700">999元</p>
                            </li>
                            <li><a href="#"><img src="./img/jingshuiqi.png" alt=""  style="border-right:none;"></a>
                                <p>查看更多</p>

                            </li>
                        </ul>
                    </div>
            <div class="search">
                <input type="text">
                <ul class="search-tuijian">
                    <li><a href="#">电视4A</a></li>
                    <li><a href="#">小米note特惠</a></li>
                </ul>
                <div class="search-img">
                    <i class="fa fa-search" aria-hidden="true"></i>
                </div>
                <div class="search-info">
                    <ul>
                        <li><span>小米6</span><span style="color:lightgrey; float:right;">约有7件</span></li>
                        <li><span>小米6</span><span style="color:lightgrey; float:right;">约有7件</span></li>
                        <li><span>小米6</span><span style="color:lightgrey; float:right;">约有7件</span></li>
                        <li><span>小米6</span><span style="color:lightgrey; float:right;">约有7件</span></li>
                        <li><span>小米6</span><span style="color:lightgrey; float:right;">约有7件</span></li>
                        <li><span>小米6</span><span style="color:lightgrey; float:right;">约有7件</span></li>


                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--轮播图-->
    <div class="lunbo">
        <div class="container">
            <ul class="img-list">
                <li class="current"><a href="#"><img src="img/lunbo1.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/lunbo2.jpg" alt="" style="width:1226px;height:460px;"></a></li>
                <li><a href="#"><img src="img/lunbo3.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/lunbo4.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/lunbo5.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/lunbo6.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/lunbo7.jpg" alt=""></a></li>
            </ul>
            <ul class="indicator">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="img-click">
                <span class="prev">&lt;</span>
                <span class="next">&gt;</span>
            </div>
        </div>
        <!--轮播导航  -->
        <div class="lunbo-nav clearfix">
            <div class="container clearfix">
                <ul class="lunbo-list">
                    <li><a href="#">手机&nbsp;电话卡<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-phone">
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/xm6_80.png" alt=""></a>
                                <p>小米6</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">笔记本&nbsp;平板<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-bijiben">
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                            <li>
                                <a href="#"><img src="./img/bijiben80.jpg" alt=""></a>
                                <p>小米笔记本12.5"</p>
                                <div class="xuangou">
                                    选购
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">电视&nbsp;盒子<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-tv">
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>
                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                        </ul>
                    </li>
                    <li><a href="#">路由器&nbsp;智能硬件<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-luyou">
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>
                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                        </ul>
                    </li>
                    <li><a href="#">移动电源&nbsp;电池&nbsp;插线板<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-dianyuan">
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/dianyuan280.jpg" alt=""></a>
                                <p>小米移动电源</p>

                            </li>
                        </ul>
                    </li>
                    <li><a href="#">耳机&nbsp;音箱<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-luyou">
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>
                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/80xmds_49.jpg" alt=""></a>
                                <p>小米电视4 49寸</p>

                            </li>
                        </ul>
                    </li>
                    <li><a href="#">保护套&nbsp;贴膜<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-tiemo">
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>


                        </ul>
                    </li>
                    <li><a href="#">线材&nbsp;支架&nbsp;存储卡<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-tiemo">
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>


                        </ul>
                    </li>
                    <li><a href="#">箱包&nbsp;服饰&nbsp;鞋&nbsp;眼镜<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-tiemo">
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>


                        </ul>
                    </li>
                    <li><a href="#">米兔&nbsp;生活周边<i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                        <ul class="lunbo-list-tiemo">
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>
                            <li>
                                <a href="#"><img src="./img/tiemo.jpg" alt=""></a>
                                <p>贴膜</p>

                            </li>


                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--轮播下方选项卡  -->
    <div class="lunbo-bottom clearfix">
        <div class="container">
            <ul class="font-list">
                <li><a href="#"><i class="fa fa-mobile" aria-hidden="true"></i><p>选购手机</p></a></li>
                <li><a href="#"><i class="fa fa-gift" aria-hidden="true"></i><p>企业团购</p></a></li>
                <li><a href="#"><i class="fa fa-font" aria-hidden="true"></i><p>F码通道</p></a></li>
                <li><a href="#"><i class="fa fa-id-card" aria-hidden="true"></i><p>米粉卡</p></a></li>
                <li><a href="#"><i class="fa fa-recycle" aria-hidden="true"></i><p>以旧换新</p></a></li>
                <li><a href="#"><i class="fa fa-id-card" aria-hidden="true"></i><p>话费充值</p></a></li>
            </ul>
            <ul class="font-img">
                <li><a href="#"><img src="./img/lunbo-bottom1.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo-bottom2.jpg" alt=""></a></li>
                <li><a href="#"><img src="./img/lunbo-bottom3.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!--主体内容  -->
    <div class="mifamous">
        <div class="container">
            <h2>小米明星单品</h2>
            <div class="mi-click">
                <i class="fa fa-chevron-left left" aria-hidden="true"></i>
                <i class="fa fa-chevron-right right" aria-hidden="true"></i>
            </div>
            <div class="famous-box">
                <ul class="famous-list">
                    <li style="border-top:1px solid #ffac13"><a href="#"><img src="./img/5x.png" alt=""></a>
                        <a>小米5X</a>
                        <p class="desc">光学变焦双摄，拍人更美</p>
                        <p class="price">1499元</p>

                    </li>
                    <li style="border-top:1px solid #83c44e;"><a href="#"><img src="./img/5c.png" alt=""></a>
                        <a>小米5C 64G 移动版</a>
                        <p class="desc">直降200元，轻薄金属机身</p>
                        <p class="price">1299元</p>
                    </li>
                    <li style="border-top:1px solid #2196f3"><a href="#"><img src="./img/5splus.png" alt=""></a>
                        <a>小米5s Plus</a>
                        <p class="desc">5.7" 大屏双摄像头，轻薄金属机身</p>
                        <p class="price">2299元</p>
                    </li>
                    <li style="border-top:1px solid #e53935"><a href="#"><img src="./img/4a.png" alt=""></a>
                        <a>小米电视4A 43寸</a>
                        <p class="desc">8月23日立减200元</p>
                        <p class="price">2099元</p>
                    </li>
                    <li style="border-top:1px solid #00c0a5"><a href="#"><img src="./img/725a37e3-78b7-4298-8098-c40097bf179d.png" alt=""></a>
                        <a>小米笔记本</a>
                        <p class="desc">更轻更薄，像杂志一样随身携带</p>
                        <p class="price">3599元起</p>
                    </li>
                    <li style="border-top:1px solid #ffac13"><a href="#"><img src="./img/yashua.png" alt=""></a>
                        <a>贝医生巴氏牙刷(四只装)</a>
                        <p class="desc">德日进口刷毛，专利科学布局</p>
                        <p class="price">39.9元</p>
                    </li>
                    <li style="border-top:1px solid #cc5214"><a href="#"><img src="./img/huan2.png" alt=""></a>
                        <a>小米手环2</a>
                        <p class="desc">OLED 显示屏幕，升级计步算法</p>
                        <p class="price">149元</p>
                    </li>
                    <li style="border-top:1px solid #1125da"><a href="#"><img src="./img/T1ZYC_BjWv1RXrhCrK.jpg" alt=""></a>
                        <a>米家压力IH电饭煲</a>
                        <p class="desc">智能烹饪，压力IH加热技术</p>
                        <p class="price">999元</p>
                    </li>
                    <li style="border-top:1px solid #bbca52"><a href="#"><img src="./img/pro.png" alt=""></a>
                        <a>米家空气净化器Pro</a>
                        <p class="desc">OLED显示屏幕，激光颗粒物传感器</p>
                        <p class="price">1499元</p>
                    </li>
                    <li style="border-top:1px solid #33bc99"><a href="#"><img src="./img/lu3.png" alt=""></a>
                        <a>小米路由器3</a>
                        <p class="desc">更快更强，不止四天线</p>
                        <p class="price">149元</p>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="main">
        <div class="container jd">
            <h2>家电</h2>
            <div class="jd-font">
                <p class="active">热门</p>
                <p>电视影音</p>
                <p>电脑</p>
                <p>家居</p>
            </div>
            <div class="jd-img">
                <img src="./img/toto.jpg" alt="">
            </div>
            <div class="jd-box">
                <ul class="hot-list clearfix">
                    <li><a href="#"><img src="./img/jdtv4a.png" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jdtv4a55.png" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/jdbijiben.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jdbijiben12.5.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/jdqj.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jdxiao.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/jdshuihu.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/jdxb.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/dianshi1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi3.png" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi4.png" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/dianshi5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi6.png" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/dianshi8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/diannao1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/diannao5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao7.png" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/diannao8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/jiaju1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jiaju2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/jiaju3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jiaju4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/jiaju5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jiaju6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/jiaju7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/jiaju8.png" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>


            </div>
        </div>
        <div class="container zhineng">
            <h2>智能</h2>
            <div class="jd-font">
                <p class="active">热门</p>
                <p>电出行</p>
                <p>健康</p>
                <p>酷玩</p>
                <p>路由器</p>
            </div>
            <div class="jd-img">

                <img src="./img/pinghengche.jpg" alt="" style="width:234px;"><br>
                <img src="./img/saodi.jpg" alt="" style="width:234px; margin-top:12px;">

            </div>
            <div class="jd-box">
                <ul class="hot-list clearfix">
                    <li><a href="#"><img src="./img/zhineng1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="new">新品</div>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhineng2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                        <div class="new">新品</div>
                    </li>
                    <li><a href="#"><img src="./img/zhineng3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhineng4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/zhineng5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhineng6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhineng7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/zhineng8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none">
                    <li><a href="#"><img src="./img/zhoubian1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/zhoubian8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/dianshi1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi3.png" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi4.png" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/dianshi5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi6.png" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/dianshi8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/diannao1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/diannao5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao7.png" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/diannao8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/jiaju1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jiaju2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/jiaju3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jiaju4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/jiaju5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/jiaju6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/jiaju7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/jiaju8.png" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container dapei">
            <h2>搭配</h2>
            <div class="jd-font">
                <p class="active">热门</p>
                <p>耳机音箱</p>
                <p>电源</p>
                <p>电池存储卡</p>
            </div>
            <div class="jd-img">
                <img src="./img/erji.jpg" alt="" style="width:234px;"><br>
                <img src="./img/erjiblue.jpg" alt="" style="width:234px; margin-top:12px;">
            </div>
            <div class="jd-box">
                <ul class="hot-list clearfix">
                    <li><a href="#"><img src="./img/dapei1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dapei2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/dapei3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dapei4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/dapei5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dapei6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/dapei7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/dapei8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/zhoubian1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/zhoubian8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/dianshi1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi3.png" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi4.png" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/dianshi5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi6.png" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/dianshi8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/diannao1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/diannao5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao7.png" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/diannao8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container peijian">
            <h2>配件</h2>
            <div class="jd-font">
                <p class="active">热门</p>
                <p>保护套</p>
                <p>贴膜</p>
                <p>其他配件</p>
            </div>
            <div class="jd-img">
                <img src="./img/jzej.jpg" alt="" style="width:234px;"><br>
                <img src="./img/chongdianbao.jpg" alt="" style="width:234px; margin-top:12px;">
            </div>
            <div class="jd-box">
                <ul class="hot-list clearfix">
                    <li><a href="#"><img src="./img/peijian1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/paijian2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/paijian3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/paijian4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/paijian5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/paijian6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/paijian7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/paijian8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/zhoubian1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/zhoubian8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/dianshi1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi3.png" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi4.png" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/dianshi5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi6.png" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/dianshi8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/diannao1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/diannao5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao7.png" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/diannao8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>



            </div>
        </div>
        <div class="container zhoubian">
            <h2>周边</h2>
            <div class="jd-font">
                <p class="active">热门</p>
                <p>服装</p>
                <p>米兔</p>
                <p>其他配件</p>
            </div>
            <div class="jd-img">
                <img src="./img/pihai.jpg" alt="" style="width:234px;"><br>
                <img src="./img/chuangdian.jpg" alt="" style="width:234px; margin-top:12px;">
            </div>
            <div class="jd-box">
                <ul class="hot-list clearfix">
                    <li><a href="#"><img src="./img/zhoubian1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/zhoubian8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>

                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/dianshi1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi3.png" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi4.png" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/dianshi5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/dianshi6.png" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/dianshi7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/dianshi8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/zhoubian1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian5.jpg" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/zhoubian6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/zhoubian7.jpg" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/zhoubian8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>
                <ul class="hot-list clearfix" style="display:none;">
                    <li><a href="#"><img src="./img/diannao1.jpg" alt=""></a>
                        <a>小米电视4a 49寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2199元</p>
                        <div class="pingjia">
                            <p>很好 屏幕很清晰</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao2.jpg" alt=""></a>
                        <a>小米电视4a 55寸</a>
                        <p class="desc">8.23日小米电视品牌日，立减400</p>
                        <p class="price">2599元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao3.jpg" alt=""></a>
                        <a>小米笔记本Air 13.3"</a>
                        <p class="desc">i7处理器 8GB+256GB</p>
                        <p class="price">5999元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao4.jpg" alt=""></a>
                        <a>小米笔记本Air 12.5"</a>
                        <p class="desc">集成显卡 超长续航</p>
                        <p class="price">3599元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./img/diannao5.png" alt=""></a>
                        <a>米家全景相机套装</a>
                        <p class="desc">2388万像素 ip67级防水</p>
                        <p class="price">1699元</p>
                        <div class="pingjia">
                            <p>东西不错，很喜欢，等这款本子很长时间了</p>
                            <span>来自于 一字千语 的评价</span>
                        </div>

                    </li>
                    <li><a href="#"><img src="./img/diannao6.jpg" alt=""></a>
                        <div class="new">新品</div>
                        <a>米家小相机</a>
                        <p class="desc">清晰捕捉美好瞬间</p>
                        <p class="price">699元</p>
                    </li>
                    <li><a href="#"><img src="./img/diannao7.png" alt=""></a>
                        <a>米家恒温电水壶</a>
                        <p class="desc">水温智能控制</p>
                        <p class="price">199元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><img src="./img/diannao8.jpg" alt=""></a>
                        <span href="#">小白摄像机</span>
                        <p class="price">399元</p>
                    </li>
                    <li id="hot-list-small"><a href="#"><i class="fa fa-arrow-circle-o-right fa-3x" aria-hidden="true"></i></a>
                        <span href="#" class="more">浏览更多<br><small>热门</small></span>
                    </li>
                </ul>

            </div>
        </div>
        <div class="tuijian">
            <div class="container">
                <div class="tuijian-click">
                    <h2>为您推荐</h2>
                    <div>
                        <i class="fa fa-chevron-left tjprev" aria-hidden="true"></i>
                        <i class="fa fa-chevron-right tjnext" aria-hidden="true"></i>
                    </div>
                </div>
                <div class="tuijian-box">
                    <ul class="tuijian-list">
                        <li style="border-top:1px solid #ffac13"><a href="#"><img src="./img/5x.png" alt=""></a>
                            <a>小米5X</a>
                            <p class="desc">光学变焦双摄，拍人更美</p>
                            <p class="price">1499元</p>

                        </li>
                        <li style="border-top:1px solid #83c44e;"><a href="#"><img src="./img/5c.png" alt=""></a>
                            <a>小米5C 64G 移动版</a>
                            <p class="desc">直降200元，轻薄金属机身</p>
                            <p class="price">1299元</p>
                        </li>
                        <li style="border-top:1px solid #2196f3"><a href="#"><img src="./img/5splus.png" alt=""></a>
                            <a>小米5s Plus</a>
                            <p class="desc">5.7" 大屏双摄像头，轻薄金属机身</p>
                            <p class="price">2299元</p>
                        </li>
                        <li style="border-top:1px solid #e53935"><a href="#"><img src="./img/4a.png" alt=""></a>
                            <a>小米电视4A 43寸</a>
                            <p class="desc">8月23日立减200元</p>
                            <p class="price">2099元</p>
                        </li>
                        <li style="border-top:1px solid #00c0a5"><a href="#"><img src="./img/725a37e3-78b7-4298-8098-c40097bf179d.png" alt=""></a>
                            <a>小米笔记本</a>
                            <p class="desc">更轻更薄，像杂志一样随身携带</p>
                            <p class="price">3599元起</p>
                        </li>
                        <li style="border-top:1px solid #ffac13"><a href="#"><img src="./img/yashua.png" alt=""></a>
                            <a>贝医生巴氏牙刷(四只装)</a>
                            <p class="desc">德日进口刷毛，专利科学布局</p>
                            <p class="price">39.9元</p>
                        </li>
                        <li style="border-top:1px solid #cc5214"><a href="#"><img src="./img/huan2.png" alt=""></a>
                            <a>小米手环2</a>
                            <p class="desc">OLED 显示屏幕，升级计步算法</p>
                            <p class="price">149元</p>
                        </li>
                        <li style="border-top:1px solid #1125da"><a href="#"><img src="./img/T1ZYC_BjWv1RXrhCrK.jpg" alt=""></a>
                            <a>米家压力IH电饭煲</a>
                            <p class="desc">智能烹饪，压力IH加热技术</p>
                            <p class="price">999元</p>
                        </li>
                        <li style="border-top:1px solid #bbca52"><a href="#"><img src="./img/pro.png" alt=""></a>
                            <a>米家空气净化器Pro</a>
                            <p class="desc">OLED显示屏幕，激光颗粒物传感器</p>
                            <p class="price">1499元</p>
                        </li>
                        <li style="border-top:1px solid #33bc99"><a href="#"><img src="./img/lu3.png" alt=""></a>
                            <a>小米路由器3</a>
                            <p class="desc">更快更强，不止四天线</p>
                            <p class="price">149元</p>
                        </li>
                        <li style="border-top:1px solid #ffac13"><a href="#"><img src="./img/5x.png" alt=""></a>
                            <a>小米5X</a>
                            <p class="desc">光学变焦双摄，拍人更美</p>
                            <p class="price">1499元</p>

                        </li>
                        <li style="border-top:1px solid #83c44e;"><a href="#"><img src="./img/5c.png" alt=""></a>
                            <a>小米5C 64G 移动版</a>
                            <p class="desc">直降200元，轻薄金属机身</p>
                            <p class="price">1299元</p>
                        </li>
                        <li style="border-top:1px solid #2196f3"><a href="#"><img src="./img/5splus.png" alt=""></a>
                            <a>小米5s Plus</a>
                            <p class="desc">5.7" 大屏双摄像头，轻薄金属机身</p>
                            <p class="price">2299元</p>
                        </li>
                        <li style="border-top:1px solid #e53935"><a href="#"><img src="./img/4a.png" alt=""></a>
                            <a>小米电视4A 43寸</a>
                            <p class="desc">8月23日立减200元</p>
                            <p class="price">2099元</p>
                        </li>
                        <li style="border-top:1px solid #00c0a5"><a href="#"><img src="./img/725a37e3-78b7-4298-8098-c40097bf179d.png" alt=""></a>
                            <a>小米笔记本</a>
                            <p class="desc">更轻更薄，像杂志一样随身携带</p>
                            <p class="price">3599元起</p>
                        </li>
                        <li style="border-top:1px solid #ffac13"><a href="#"><img src="./img/yashua.png" alt=""></a>
                            <a>贝医生巴氏牙刷(四只装)</a>
                            <p class="desc">德日进口刷毛，专利科学布局</p>
                            <p class="price">39.9元</p>
                        </li>
                        <li style="border-top:1px solid #cc5214"><a href="#"><img src="./img/huan2.png" alt=""></a>
                            <a>小米手环2</a>
                            <p class="desc">OLED 显示屏幕，升级计步算法</p>
                            <p class="price">149元</p>
                        </li>
                        <li style="border-top:1px solid #1125da"><a href="#"><img src="./img/T1ZYC_BjWv1RXrhCrK.jpg" alt=""></a>
                            <a>米家压力IH电饭煲</a>
                            <p class="desc">智能烹饪，压力IH加热技术</p>
                            <p class="price">999元</p>
                        </li>
                        <li style="border-top:1px solid #bbca52"><a href="#"><img src="./img/pro.png" alt=""></a>
                            <a>米家空气净化器Pro</a>
                            <p class="desc">OLED显示屏幕，激光颗粒物传感器</p>
                            <p class="price">1499元</p>
                        </li>
                        <li style="border-top:1px solid #33bc99"><a href="#"><img src="./img/lu3.png" alt=""></a>
                            <a>小米路由器3</a>
                            <p class="desc">更快更强，不止四天线</p>
                            <p class="price">149元</p>
                        </li>
                    </ul>

                </div>
            </div>

        </div>
        <div class="reping">
            <div class="container">
                <h2>热评产品</h2>
                <div class="rp-box">
                    <ul class="rp-list">
                        <li style="margin-left:0;"><a href="#"><img src="./img/rp1.jpg" alt=""></a>
                            <a class="rp">安装简介方便 信号不错！！！而且特别实惠</a>
                            <p class="desc">来自于 一字千语 的评价</p>
                            <span style="margin-left:40px;">小米路由器3&nbsp;</span>
                            <span class="price">149元</span>
                        </li>
                        <li><a href="#"><img src="./img/rp2.jpg" alt=""></a>
                            <a class="rp">包装很让人感动，主要是做的饭非常的好吃 </a>
                            <p class="desc">来自于 一字千语 的评价</p>
                            <span style="margin-left:40px;">米家IH压力电饭煲&nbsp;</span>
                            <span class="price">999元</span>
                        </li>
                        <li><a href="#"><img src="./img/rp3.jpg" alt=""></a>
                            <a class="rp">样子很可爱，特别是转来转去的时候 很智能</a>
                            <p class="desc">来自于 一字千语 的评价</p>
                            <span style="margin-left:40px;">米家小白智能摄像机&nbsp;</span>
                            <span class="price">399元</span>
                        </li>
                        <li><a href="#"><img src="./img/rp4.jpg" alt=""></a>
                            <a class="rp">外观很漂亮，配置也挺不错，非常值得购买</a>
                            <p class="desc">来自于 一字千语 的评价</p>
                            <span style="margin-left:40px;">米家小白智能摄像机&nbsp;</span>
                            <span class="price">3499元</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="neirong">
            <div class="container">
                <h2>内容</h2>
                <div class="neirong-box">
                    <ul class="neirong-list" style="margin-left:0;">
                        <li style="border-top:1px solid #ffac13; margin-left:0;"><a href="#"></a>
                            <h2>图书</h2>
                            <ul class="nr-list-info">
                                <li>
                                    <a href="#" class="nr-name">哈利波特与被诅咒的孩子</a>
                                    <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
                                    <p class="price">29.37元</p>
                                    <img src="./img/neirong1.png" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;&#x3000;好吗好吗</a>
                                    <p class="desc">畅销作家大冰2016年新书！讲给你听，好吗好的！&#x3000;&#x3000;&#x3000;&#x3000;</p>
                                    <p class="price">17.99元</p>
                                    <img src="./img/nr5.png" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name"></a>
                                    <p class="desc">海量好书，享受精品阅读时光 漂亮的中文排版，千万读者选择！&#x3000;&#x3000;<br>&#x3000;<br>&#x3000; </p>
                                    <img src="./img/nr6.jpg" alt="">
                                </li>
                            </ul>
                            
                            <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                            <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>   
                            <ul class="nr-indicator">
                                <li class="indicShow"></li>
                                <li></li>
                                <li></li>
                             </ul>
                        </li>
                    </ul>
                     <ul class="neirong-list">
                        <li style="border-top:1px solid #aa201a; margin-left:0;"><a href="#"></a>
                            <h2 style="color:#aa201a">MIUI主题</h2>
                            <ul class="nr-list-info">
                                <li>
                                    <a href="#" class="nr-name">&#x3000;&#x3000;吴亦凡定制主题</a>
                                    <p class="desc">6张锁屏动态壁纸随机，每张都给你惊喜！</p>
                                    <p class="price">&#x3000;&#x3000;免费</p>
                                    <img src="./img/nr2.jpg" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;&#x3000;好吗好吗</a>
                                    <p class="desc">畅销作家大冰2016年新书！讲给你听，好吗好的！&#x3000;&#x3000;&#x3000;&#x3000;</p>
                                    <p class="price">17.99元</p>
                                    <img src="./img/nr7.jpg" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name"></a>
                                    <p class="desc">海量好书，享受精品阅读时光 漂亮的中文排版，千万读者选择！&#x3000;&#x3000;<br>&#x3000;<br>&#x3000; </p>
                                    <img src="./img/nr8.jpg" alt="">
                                </li>
                            </ul>
                            
                            <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                            <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>   
                            <ul class="nr-indicator">
                                <li class="indicShow"></li>
                                <li></li>
                                <li></li>
                             </ul>
                        </li>
                    </ul>
                     <ul class="neirong-list">
                        <li style="border-top:1px solid #123aac; margin-left:0;"><a href="#"></a>
                            <h2 style="color:#123aac">游戏</h2>
                            <ul class="nr-list-info">
                                <li>
                                    <a href="#" class="nr-name">&#x3000;&#x3000;米柚手游模拟器</a>
                                    <p class="desc">在电脑上玩遍小米所有手游&#x3000;&#x3000;<br></p>
                                    <p class="price">免费</p>
                                    <img src="./img/nr3.png" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;&#x3000;好吗好吗</a>
                                    <p class="desc">畅销作家大冰2016年新书！讲给你听，好吗好的！&#x3000;&#x3000;&#x3000;&#x3000;</p>
                                    <p class="price">17.99元</p>
                                    <img src="./img/nr9.jpg" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name"></a>
                                    <p class="desc">海量好书，享受精品阅读时光 漂亮的中文排版，千万读者选择！&#x3000;&#x3000;<br>&#x3000;<br>&#x3000; </p>
                                    <img src="./img/nr10.jpg" alt="">
                                </li>
                            </ul>
                            
                            <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                            <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>   
                            <ul class="nr-indicator">
                                <li class="indicShow"></li>
                                <li></li>
                                <li></li>
                             </ul>
                        </li>
                    </ul>
                     <ul class="neirong-list">
                        <li style="border-top:1px solid #33bc99; margin-left:0;"><a href="#"></a>
                            <h2 style="color:#33bc99">应用</h2>
                            <ul class="nr-list-info">
                                <li>
                                    <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;2017金米奖</a>
                                    <p class="desc">&#x3000;&#x3000;最优秀的应用和游戏<br>&#x3000;</p>
                                    <p class="price">免费</p>
                                    <img src="./img/nr4.png" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;&#x3000;好吗好吗</a>
                                    <p class="desc">畅销作家大冰2016年新书！讲给你听，好吗好的！&#x3000;&#x3000;&#x3000;&#x3000;</p>
                                    <p class="price">17.99元</p>
                                    <img src="./img/nr11.jpg" alt="">
                                </li>
                                <li>
                                    <a href="#" class="nr-name"></a>
                                    <p class="desc">海量好书，享受精品阅读时光 漂亮的中文排版，千万读者选择！&#x3000;&#x3000;<br>&#x3000;<br>&#x3000; </p>
                                    <img src="./img/nr12.png" alt="">
                                </li>
                            </ul>
                            
                            <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                            <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>   
                            <ul class="nr-indicator">
                                <li class="indicShow"></li>
                                <li></li>
                                <li></li>
                             </ul>
                        </li>
                    </ul>
                    
                </div>
                    <!-- <ul class="neirong-list">
                            <li style="border-top:1px solid #83c44e;"><a href="#"><img src="./img/nr2.jpg" alt=""></a>
                                <h2 style="color: #83c44e;">MIUI主题</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;吴亦凡定制主题</a>
                                <p class="desc">6张锁屏动态壁纸随机，每张都给你惊喜！</p>
                                <p class="price">免费</p>
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>   
                                </div>
                            </li>
                            <li style="border-top:1px solid #83c44e;"><a href="#"><img src="./img/nr2.jpg" alt=""></a>
                                <h2 style="color: #83c44e;">MIUI主题</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;吴亦凡定制主题</a>
                                <p class="desc">6张锁屏动态壁纸随机，每张都给你惊喜！</p>
                                <p class="price">免费</p>
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>  
                                </div>
                            </li>
                            <li style="border-top:1px solid #83c44e;"><a href="#"><img src="./img/nr2.jpg" alt=""></a>
                                <h2 style="color: #83c44e;">MIUI主题</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;吴亦凡定制主题</a>
                                <p class="desc">6张锁屏动态壁纸随机，每张都给你惊喜！</p>
                                <p class="price">免费</p>
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right" aria-hidden="true"></i>  
                                </div>
                            </li>
                        </ul>
                        <ul class="neirong-list">
                            <li style="border-top:1px solid #2196f3"><a href="#"><img src="./img/nr3.png" alt=""></a>
                                <h2 style="color: #2196f3">游戏</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;米柚手游模拟器</a>
                                <p class="desc">在电脑上玩遍小米所有手游</p>
                                <p class="price">免费</p>
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>
                                </div>
                            </li>
                            <li style="border-top:1px solid #2196f3"><a href="#"><img src="./img/nr3.png" alt=""></a>
                                <h2 style="color: #2196f3">游戏</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;米柚手游模拟器</a>
                                <p class="desc">在电脑上玩遍小米所有手游</p>
                                <p class="price">免费</p>
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>   
                                </div>
                            </li>
                            <li style="border-top:1px solid #2196f3"><a href="#"><img src="./img/nr3.png" alt=""></a>
                                <h2 style="color: #2196f3">游戏</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;米柚手游模拟器</a>
                                <p class="desc">在电脑上玩遍小米所有手游</p>
                                <p class="price">免费</p>
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right" aria-hidden="true"></i>   
                                </div>
                            </li>
                        </ul>
                        <ul class="neirong-list">
                            <li style="border-top:1px solid #e53935"><a href="#"><img src="./img/nr4.png" alt=""></a>
                                <h2 style="color: #e53935">应用</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;2017金米奖</a>
                                <p class="desc">最优秀的应用和游戏</p>
                        
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                       <i class="fa fa-chevron-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>
                                </div>
                            </li>
                             <li style="border-top:1px solid #e53935"><a href="#"><img src="./img/nr4.png" alt=""></a>
                                <h2 style="color: #e53935">应用</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;2017金米奖</a>
                                <p class="desc">最优秀的应用和游戏</p>
                        
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>  
                                </div>
                            </li>
                             <li style="border-top:1px solid #e53935"><a href="#"><img src="./img/nr4.png" alt=""></a>
                                <h2 style="color: #e53935">应用</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;2017金米奖</a>
                                <p class="desc">最优秀的应用和游戏</p>
                        
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                        <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right nr-right" aria-hidden="true"></i>   
                                </div>
                            </li>
                             <li style="border-top:1px solid #e53935"><a href="#"><img src="./img/nr4.png" alt=""></a>
                                <h2 style="color: #e53935">应用</h2>
                                <a href="#" class="nr-name">&#x3000;&#x3000;&#x3000;2017金米奖</a>
                                <p class="desc">最优秀的应用和游戏</p>
                        
                                <div class="wraper">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                                <div class="nr-click">
                                       <i class="fa fa-chevron-left nr-left" aria-hidden="true"></i>
                                        <i class="fa fa-chevron-right" aria-hidden="true"></i>  
                                </div>
                            </li>
                        </ul> -->
                
            </div>

        </div>
        <div class="sp">
            <div class="container">
                <h2>热评产品</h2>
                <div class="sp-box">
                    <ul class="sp-list">
                        <li style="margin-left:0;"><a href="#"><img src="./img/sp1.jpg" alt=""></a>
                            <a class="rp">听雷总讲述小米七年工艺探索之路</a>
                            <p class="desc">小米6,7年工艺探索巅峰之作</p>
                            <div>
                                <i class="fa fa-youtube-play" aria-hidden="true"></i>
                            </div>

                        </li>
                        <li><a href="#"><img src="./img/sp2.jpg" alt=""></a>
                            <a class="rp">MIUI9 理念视频</a>
                            <p class="desc">快如闪电 前所未有的流畅</p>
                            <div>
                                <i class="fa fa-youtube-play" aria-hidden="true"></i>
                            </div>
                        </li>
                        <li><a href="#"><img src="./img/sp3.jpg" alt=""></a>
                            <a class="rp">小米5x外观视频</a>
                            <p class="desc">吴亦凡倾情演绎</p>
                            <div>
                                <i class="fa fa-youtube-play" aria-hidden="true"></i>
                            </div>
                        </li>
                        <li><a href="#"><img src="./img/sp4.jpg" alt=""></a>
                            <a class="rp">小米6亮银工艺探索版 工艺黑科技视频</a>
                            <p class="desc">仿佛科幻般的液态金属</p>
                            <div>
                                <i class="fa fa-youtube-play" aria-hidden="true"></i>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="container">
            <div class="footer-service">
                <ul>
                    <li><a href="#"><i class="fa fa-wrench" aria-hidden="true"></i>预约维修服务<span>|</span></a></li>
                    <li><a href="#">七天无理由退货<span>|</span></a></li>
                    <li><a href="#">十五天免费维修<span>|</span></a></li>
                    <li><a href="#"><i class="fa fa-gift" aria-hidden="true"></i>满150包邮<span>|</span></a></li>
                    <li><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>520余家售后网点</i></a></li>
                </ul>
            </div>
            <div class="footer-links">
                <ul>
                    <h5>帮助中心</h5>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <h5>服务支持</h5>
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">自助服务</a></li>
                    <li><a href="#">相关下载</a></li>
                </ul>
                <ul>
                    <h5>线下门店</h5>
                    <li><a href="#">小米之家</a></li>
                    <li><a href="#">服务网点</a></li>
                    <li><a href="#">零售网点</a></li>
                </ul>
                <ul>
                    <h5>关于小米</h5>
                    <li><a href="#">了解小米</a></li>
                    <li><a href="#">加入小米</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
                <ul>
                    <h5>关注我们</h5>
                    <li><a href="#">新浪微博</a></li>
                    <li><a href="#">小米部落</a></li>
                    <li><a href="#">官方微信</a></li>
                </ul>
                <ul>
                    <h5>特色服务</h5>
                    <li><a href="#">F码通道</a></li>
                    <li><a href="#">礼物码</a></li>
                    <li><a href="#">防伪查询</a></li>
                </ul>
                <ul class="footer-info">
                    <h5>400-100-5678</h5>
                    <p>周一至周日8:00-18:00</p>
                    <div><i class="fa fa-commenting-o" aria-hidden="true"></i>24小时在线客服</div>
                </ul>
            </div>
        </div>
    </footer>
    <div class="site-info">
        <div class="container">
            <div class="site-info-logo">
                <img src="./img/logo.png" alt="">
            </div>
            <div class="site-info-list">
                <ul>
                    <li><a href="#">小米商城</a><span>|</span></li>
                    <li><a href="#">MIUI</a><span>|</span></li>
                    <li><a href="#">米聊</a><span>|</span></li>
                    <li><a href="#">游戏</a><span>|</span></li>
                    <li><a href="#">多看阅读</a><span>|</span></li>
                    <li><a href="#">云服务</a><span>|</span></li>
                    <li><a href="#">金融</a><span>|</span></li>
                    <li><a href="#">小米商城手机版</a><span>|</span></li>
                    <li><a href="#">问题反馈</a><span>|</span></li>
                    <li><a href="#">Select Region</a></li>
                    <li>
                        <p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </li>
                </ul>
                         <div class="site-info-img">
                <ul>
                    <li><a href="#"><img src="./img/truste.png" alt=""></a></li>
                    <li><a href="#"><img src="./img/v-logo-1.png" alt=""></a></li>
                    <li><a href="#"><img src="./img/v-logo-2.png" alt=""></a></li>
                    <li><a href="#"><img src="./img/v-logo-3.png" alt=""></a></li>
                </ul>
            </div>
            <div class="site-font">
                <img src="./img/heikeji.png" alt="">
            </div>
            </div>

   
        
        </div>

    </div>

</body>
<script src="./js/jquery.min.js"></script>
<script src="./js/nav.js"></script>
<script src="./js/main.js"></script>

</html>